// 引入清除样式表，公共样式
@import 'reset';
//px转vw函数
@function px2Vw($px, $baseRatio: 3.75px) {
    @return ($px/$baseRatio) * 1vw;
}
div{
    width: px2Vw(375px);
    box-sizing: border-box;
}

.warp{
    height: px2Vw(667px);
    background-color: #F7F7F7;
}

.header{
    
    height: px2Vw(42px);
    background-color: #FFFFFF;
    color: #000000ff;
    font-size: px2Vw(16px);
    font-weight: 400;
    font-family: "PingFang SC";
    text-align: center;
    line-height: px2Vw(42px);
    border-bottom: 1px solid #F9F9F9;
}

// 弹窗页面公用的收货人信息样式
.info{
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    margin: 0 auto;
    margin-top:px2Vw(10px);
    width: px2Vw(355px);
    border-radius: px2Vw(5px);
    background-color: #FFFFFF;

}
.info-line{
    display: flex;
    justify-content: space-between;
    height: px2Vw(50px) ;
    border-bottom: 1px solid #F8F8F8;

    span{
        display: block;
        padding:0 px2Vw(10px) ;
        font-size:px2Vw(14px) ;
        line-height: px2Vw(50px);
    }
}



.address{
    display: flex;
    justify-content: space-between;
    flex-flow: column wrap;
    height: px2Vw(114px);
    background-color: #FFFFFF;
    line-height: 150%;
    font-size: px2Vw(12px);
    div{
        padding: 0 px2Vw(20px);
    }

}
.addnew{
    padding: 0;
    text-align: center;
    line-height: px2Vw(40px);
    height: px2Vw(40px);
    a{
        color: #884E22;
    }

}

